<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>运费页面</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- 项目基准路径 -->
<base href="/bestinc/" />

<!-- 引入layui的css -->
<link rel="stylesheet" href="static/lib/layui/css/layui.css"
	media="all">

<!-- 引入自定义工具css -->
<link rel="stylesheet" href="static/css/delivery/free.css" media="all">

<!-- 引入jqeury -->
<!-- <script src="js/util/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script> -->

<!-- 引入layui的js -->
<script src="static/lib/layui/layui.js" type="text/javascript"
	charset="utf-8"></script>

<!-- 引入资源js -->
<script src="static/js/delivery/free/free.js" type="text/javascript" charset="utf-8"></script>


</head>
<body>
	<div class="search-head">
		<div class="profile_top">
			<div class="head_title">
				<p>运费查询</p>
			</div>
		</div>
		<div class="profile_middle">
			<div class="fare_search">
				<div class="layui-main">
					<form id="calForm" lay-filter="calForm" class="layui-form" action="">
						<div class="layui-form-item">
							<label class="layui-form-label">始发地</label>
							<div class="layui-inline">
								<select name="province" id="province" lay-verify="required"
									lay-search lay-filter="province">
									<option value="">请选择省</option>
								</select>
							</div>
							<div class="layui-inline">
								<select name="city" id="city" lay-verify="required" lay-search
									lay-filter="city">
									<option value="">请选择市</option>
								</select>
							</div>
							<div class="layui-inline">
								<select name="district" id="district" lay-verify="required"
									lay-search>
									<option value="">请选择县(区)</option>
								</select>
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">目的地</label>
							<div class="layui-inline">
								<select name="provinces" id="provinces" lay-verify="required"
									lay-search lay-filter="provinces">
									<option value="">请选择省</option>
								</select>
							</div>
							<div class="layui-inline">
								<select name="citys" id="citys" lay-verify="required" lay-search
									lay-filter="citys">
									<option value="">请选择市</option>
								</select>
							</div>
							<div class="layui-inline">
								<select name="districts" id="districts" lay-verify="required"
									lay-search>
									<option value="">请选择县(区)</option>
								</select>
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">重量(kg)</label>
							<div class="layui-input-block">
								<input value="1" id="headWeight" name="headWeight" min="1"
									max="50" class="layui-input">
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label">寄件时间</label>
							<div class="layui-input-block">
								<input type="text" id="arrivalTime" name="arrivalTime"
									class="layui-input" placeholder="yyyy年MM月dd日">
							</div>
						</div>

						<div class="layui-form-item">
							<label class="layui-form-label"></label>
							<div class="layui-input-inline">
								<button type="submit" class="layui-btn" lay-submit="" lay-filter="calFormBtn">运算</button>
							</div>
						</div>
					</form>

					<div class="layui-collapse">
						<div class="layui-colla-item layui-lable">
							<h2 class="layui-colla-title">现付参考价格(元) ：<span id="yf"></span></h2>
							
						</div>
						<div class="layui-colla-item layui-lable">
							<h2 class="layui-colla-title">预计到达时间：<span id="sj"></span></h2>
							
						</div>
					</div>

				</div>
			</div>
		</div>
	</div>

</body>
</html>
